<template>
	<view class="page">
    <!-- 标题栏 start -->
		<fu-custom bgColor="bg-white" :isBack="true">
			<block slot="content" class="text-black">{{i18n['兑换结果']}}</block>
		</fu-custom>
    <!-- 标题栏 end -->
    <!-- 对号 start -->
		<view class="padding-tb flex justify-center ">
			<view class="success-icon cuIcon-check text-bold text-white bg-theme"></view>
		</view>
    <!-- 对号 end -->
   <!-- 兑换成功 start -->
		<view class="padding-tb margin-top flex justify-center">
			<text class="text-xl">{{i18n['兑换成功']}}</text>
		</view>
    <!-- 兑换成功 end -->
    <!-- 返回按钮 start -->
		<view class="margin-top padding-lr">
			<view class="round bg-theme text-white flex justify-center align-center" style="height: 88rpx;" @tap="navTo">
				<text>{{i18n['返回积分商城']}}</text>
			</view>
		</view>
    <!-- 返回按钮 end -->
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
      /**
       * @description  后退两步
       */
			navTo(){
				uni.navigateBack({
					delta: 2
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
  // 背景主题 start
	.page{
		height: 100vh;
		background-color: #FFFFFF;
	}
  .bg-theme{
    background: $bgtheme;
    color: #fff;
  }
  // 背景主题 end
  //对号按钮 start
	.success-icon{
		width: 180rpx;
		height: 180rpx;
		border-radius: 50%;
		font-size: 120rpx;
		line-height: 180rpx;
		text-align: center;
		margin-top: 100rpx;
	}
  //对号按钮 end
</style>
